html,
body {
	height: 100%;
}

body {
	background: #ffffff url(../../img/bg-index2.png) no-repeat right bottom;
	background-size: 50%;
	overflow: hidden;
}

.main-box {
	width: 100%;
	height: 100%;
}

/*.main-box tbody {
	background: url(../img/bg-index1.png) no-repeat left center;
	background-size: contain;
	-moz-background-size: contain;   
	-webkit-background-size: contain;   
	-o-background-size:	contain;
}*/

.main-box tbody .list-bg{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	-moz-background-size: contain;   
	-webkit-background-size: contain;   
	-o-background-size:	contain;
}

.main-box tbody .list-bg1{
	background-image: url(../../img/bg-index1-1.png);
}

.main-box tbody .list-bg2{
	background-image: url(../../img/bg-index1-2.png);
}

.main-box tbody .list-bg3{
	background-image: url(../../img/bg-index1-3.png);
}

.main-box tbody .list-bg4{
	background-image: url(../../img/bg-index1-4.png);
}

.main-box tbody .list-bg5{
	background-image: url(../../img/bg-index1-5.png);
}

.main-box tbody .list-bg6{
	background-image: url(../../img/bg-index1-6.png);
}

.main-box tbody .list-bg7{
	background-image: url(../../img/bg-index1-7.png);
}

.main-box .head {
	padding: 4% 5%;
}

.main-box .head img {
	width: 100%;
}

.main-box .text {
	padding: 0 14%;
	vertical-align: middle;
	text-align: center;
}

.main-box .text img {
	max-width: 100%;
}